<template>
    <div class="head-hunting-server-container">
        <div class="head-hunting-server-content-container">
<!--            猎头服务的内容区域-->
            <!--左侧导航条容器-->
            <div class="head—hunting-menu-nav-container">
                <router-link to="/home/headhuntingService/website/introduce">
                    <div class="nav-item-menu">网站介绍</div>
                </router-link>
                <router-link to="/home/headhuntingService/website/huntingService">
                    <div class="nav-item-menu">猎头服务</div>
                </router-link>

                <router-link to="/home/headhuntingService/website/legalNotice">
                    <div class="nav-item-menu">法律申明</div>
                </router-link>

                <router-link to="/home/headhuntingService/website/missionOfCompany">
                    <div class="nav-item-menu">公司使命</div>
                </router-link>

                <router-link to="/home/headhuntingService/website/contact">
                    <div class="nav-item-menu">联系我们</div>
                </router-link>
            </div>

            <div class="head—hunting-content-container">
<!--                <HeadhuntingWebsiteIntroduce/>-->
                <router-view></router-view>
            </div>
        </div>
    </div>
</template>

<script>
    import  HeadhuntingWebsiteIntroduce from './headhunting-website-introduce'
    export default {
        name: "headhuntingservice-content",
        data(){
            return{

            }
        },
        components:{
            HeadhuntingWebsiteIntroduce
        },
        methods:{

        }
    }
</script>

<style>
    .head-hunting-server-container{
        /*background-color: #BBffaa;*/
    }

    /*中间的容器*/
    .head-hunting-server-content-container{
        width: 1360px;
        height: 500px;
        margin: 0 auto;
        border: 1px solid transparent;
        background-color: #eeeeee;
    }
    /*左侧导航*/
    .head—hunting-menu-nav-container{
        float: left;
        width: 249px;
        height: 250px;
        background-color: #ffffff;
        border: 1px solid transparent;
        margin-top: 15px;
    }

    .nav-item-menu{
        width: 100%;
        height: 50px;
        line-height: 50px;
        margin-top: 10px;
        text-align: center;
        /*background-color: aquamarine;*/
        margin: 0 auto;
    }

    /*Hover 以后的背景色*/
    .nav-item-menu:hover{
        background: #1787FB;
        color: #ffffff;
    }

    .head—hunting-content-container{
        float: left;
        padding:10px;
        margin-left: 10px;
        margin-top: 15px;
        width: 1070px;
        height: 460px;
        overflow-y: scroll;
        background-color: #ffffff;
    }
    /*超出范围以后仍然可以进行滚动  -- 但是不会显示滚动条*/
    .head—hunting-content-container::-webkit-scrollbar{
        display: none;

    }

    a{
        /*color: #C0C4CC;*/
        text-decoration: none;
    }


</style>
